*{box-sizing: border-box;}
.real_name_box .u-form-item--right__content__slot{
	justify-content: flex-end;
}
.real_name_box .u-form-item__message{
	text-align: right !important;
}
.real_name_box .u-radio-group{
	display: flex;
	justify-content: flex-end;
}
.real_name_box .u-radio-group .data-v-0b20bd26:last-child .u-radio__label{
	margin-right: 0 !important;
}.real_name_box .u-radio-group .data-v-7e54a928:last-child .u-radio__label{
	margin-right: 0 !important;
}
.subtitle{
	padding-left: 30upx;
	position: relative;
	margin: 15upx 0;
}
.subtitle::before{
	content: '';
	width: 6upx;
	height: 34upx;
	background-color: $uni-color-theme;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

._tooltips{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

// 使用了cell组件的icon图片样式
.u-cell-icon {
	width: 36rpx;
	height: 36rpx;
	margin-right: 8rpx;
}


.u-demo-block {
	flex: 1;
	margin-bottom: 23px;
	
	&__content {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		// flex-direction: row!important;
		// align-items: center;
		// flex-wrap: wrap;
	}
	
	&__title {
		font-size: 14px;
		color: rgb(143, 156, 162);
		margin-bottom: 8px;
	}
}

// 超出行数，自动显示行尾省略号，最多5行
// 来自uView的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
@for $i from 1 through 5 {
	.u-line-#{$i} {
		/* #ifdef APP-NVUE */
		// nvue下，可以直接使用lines属性，这是weex特有样式
		lines: $i;
		text-overflow: ellipsis;
		overflow: hidden;
		/* #endif */
		
		/* #ifndef APP-NVUE */
		// vue下，单行和多行显示省略号需要单独处理
		@if $i == 1 {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		} @else {
			display: -webkit-box!important;
			overflow: hidden;
			text-overflow: ellipsis;
			word-break: break-all;
			-webkit-line-clamp: $i;
			-webkit-box-orient: vertical!important;
		}
		/* #endif */
	}
}
// 定义内外边距，历遍1-80
@for $i from 0 through 100 {
  // 只要双数和能被5除尽的数
  @if $i % 2 == 0 or $i % 5 == 0 {
    // 得出：margin-30或者m30
    .margin-#{$i},
    .m#{$i} {
      margin: $i + rpx !important;
    }

    // 得出：padding-30或者u-p-30
    .padding-#{$i},
    .p#{$i} {
      padding: $i + rpx !important;
    }

    @each $short, $long in l left, t top, r right, b bottom {
      // 缩写版，结果如： ml-30
      // 定义外边距
      .m#{$short}#{$i} {
        margin-#{$long}: $i + rpx !important;
      }

      // 定义内边距
      .p#{$short}#{$i} {
        padding-#{$long}: $i + rpx !important;
      }

      // 完整版，结果如：u-margin-left-30
      // 定义外边距
      .margin-#{$long}-#{$i} {
        margin-#{$long}: $i + rpx !important;
      }

      // 定义内边距
      .padding-#{$long}-#{$i} {
        padding-#{$long}: $i + rpx !important;
      }
    }
  }
}
 @for $i from 12 to 98 {
   .fs#{$i} {
     font-size: $i + rpx !important;
   }
 }
 @for $i from 24 to 98 {
   .lh#{$i} {
     line-height: $i + rpx !important;
   }
 }
// /* #ifdef APP-NVUE */
// 此处加上!important并非随意乱用，而是因为目前*.nvue页面编译到H5时，
// App.vue的样式会被uni-app的view元素的自带border属性覆盖，导致无效
// 综上，这是uni-app的缺陷导致我们为了多端兼容，而必须要加上!important
// 移动端兼容性较好，直接使用0.5px去实现细边框，不使用伪元素形式实现
.u-border {
	border-width: 0.5px!important;
	border-color: $u-border-color!important; 
    border-style: solid;
}
 
.u-border-top {
	border-top-width: 0.5px!important; 
	border-color: $u-border-color!important; 
    border-top-style: solid;
}

.u-border-left {
	border-left-width: 0.5px!important; 
	border-color: $u-border-color!important; 
    border-left-style: solid;
}

.u-border-right {
	border-right-width: 0.5px!important; 
	border-color: $u-border-color!important; 
    border-right-style: solid;
}
 
.u-border-bottom {
	border-bottom-width: 0.5px!important; 
	border-color: $u-border-color!important; 
    border-bottom-style: solid;
}

.u-border-top-bottom {
	border-top-width: 0.5px!important; 
	border-bottom-width: 0.5px!important; 
	border-color: $u-border-color!important; 
    border-top-style: solid;
    border-bottom-style: solid;
}
// /* #endif */

// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
.u-reset-button {
	padding: 0;
	background-color: transparent;
	/* #ifndef APP-PLUS */
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	/* #endif */
	/* #ifdef APP-NVUE */
	border-width: 0;
	/* #endif */
}

/* #ifndef APP-NVUE */
.u-reset-button::after {
   border: none;
}
/* #endif */

.u-hover-class {
	opacity: 0.7;
}

.search_sticky{
	border-bottom: 1rpx solid #F8F8F8;
	position: sticky;
	top: 0;
	z-index: 1;
}


// flex布局
.z-flex{display: flex;}
.z-flex-between{justify-content: space-between;}
.z-flex-around{justify-content: space-around;}
.z-flex-align-c{align-items: center;}
.z-flex-justify-c{justify-content: center;}
.z-flex-end{justify-content: flex-end;}

.c-333{color: #333 !important;}
.c-666{color: #666 !important;}
.c-999{color: #999 !important;}
.c-fff{color: #fff !important;}
.c-f3{color: #f3f3f3!important;}
.c-green{color: #68be84 !important;}
.c-yellow{color: #ff9900 !important;}
.c-red{color: #ED2040 !important;}
.c-hui{color:#cdcdcd !important;}
.c-copy{color: #707070 !important;}
.c-theme{color:#23bbb3 !important;}

.fwb{font-weight: bold !important;}

.br8{border-radius: 8rpx !important;}
.br12{border-radius: 12rpx !important;overflow: hidden;}
.bgc-f0{background-color: #f0f0f0 !important;}
.bgc-f8{background: #F8F8F8 !important;}
.bgc-fff{background-color: #fff !important;}
.bg-theme{background-color: #23bbb3 !important}

.w90{
	width: 90rpx;
	height: 90rpx;
}
.w50{
	width: 60rpx;
	height: 60rpx;
}
.bd1{
	border: 1px dashed #ddd;
	background-color: #fafafa;
}

.line {
	border-bottom: 1rpx solid #F0F0F0;
}

.wb {
	// 文字换行
	word-break: break-all;
}
// .u-icon{
// 	position: relative;
// 	top: 2rpx;
// }

.u-icon-2{
	position: relative;
	top: -2rpx;
}
.u-icon-4{
	position: relative;
	top: -4rpx;
}
.t-c{
	text-align: center;
}

.t-r{
	text-align: right;
}

.flex-1{
	flex: 1;
}

.popup_title{
	text-align: center;
	padding: 30rpx 0;
	font-size: 30rpx;
	font-weight: bold;
}

.panel-z {
	background-color: #fff;
	color: #333333;
	font-size: 28rpx;
	.header-z {
		padding: 30rpx 30rpx;
		display: flex;
		justify-content: space-between;
		
		.left{
			display: flex;
			align-items: center;
			font-size: 36rpx;
			.type{
				box-sizing: border-box;
				background: #1986EE;
				border-radius: 0rpx 8rpx 8rpx 8rpx;			
				font-size: 20rpx;	
				color: #fff;
				padding: 3rpx 10rpx;
				margin-left: 10rpx;
			}
		}
		.right{
			display: flex;
			align-items: center;
			font-size: 28rpx;
			color: #666666;
		}
	}
	.body-z {
		padding: 0rpx 30rpx;
	}
	.footer-z {
	}
	
}
.login-logo {
	display: flex;
	justify-content: center;
	padding-top: 40%;
	image {
		width: 268rpx;
		height: 200rpx;
	}
}
.login-ipt {
	padding: 0 60rpx;
	.ipt {
		background-color: #f3f3f3;
		border-radius: 8rpx;
		height: 88rpx;
		padding: 0 10rpx 0 20rpx;
		display: flex;
		align-items: center;
	}
	.ipt-code {
		display: flex;
		align-items: center;
		.val {
			flex: 1;
		}
		.line {
			margin: 0 20rpx;
			color: rgba(153, 153, 153, 1);
			margin-bottom: 3rpx;
		}
		.code {
			width: 200rpx;
			height: 40rpx;
			font-size: 28rpx;
			color: #1986ee;
			text-align: center;
			&.check {
				color: rgba(153, 153, 153, 1);
			}
		}
	}
}
.login-dl {
	padding: 0 60rpx;
	button {
		width: 100%;
		height: 80rpx;
		background: #1986ee;
		border-radius: 8rpx;
		line-height: 80rpx;
		font-size: 32rpx;
		color: #fff;
	}
}
.primary-btn{
	width: 100%;
	height: 80rpx;
	background: #1986ee;
	border-radius: 8rpx;
	// line-height: 80rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 32rpx;
	color: #fff;
}
.default-btn{
	width: 100%;
	height: 80rpx;
	background: #f3f3f3;
	border-radius: 8rpx;
	// line-height: 80rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 32rpx;
	color: #333;
}
.login-out {
	display: flex;
	justify-content: space-between;
	font-size: 28rpx;
	color: #1986ee;
	line-height: 40rpx;
	.code {
	}
}
.remark {
	position: fixed;
	width: 100%;
	font-size: 24rpx;
	color: #666666;
	bottom: 80rpx;
	text-align: center;
}
.tel-tips {
	font-size: 24rpx;
	color: #222222;
	line-height: 30rpx;
}
.login-succes{
	display: flex;
	flex-direction: column;
	align-items: center;

}


// 其他页面公共样式
.car-box {
	box-sizing: border-box;
	margin: 0 30rpx;
	height: 200rpx;
	background: #1986ee;
	border-radius: 8rpx;
	font-size: 28rpx;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 30rpx;
	> view {
		width: 100%;
	}
	.type {
		background: rgba(255, 255, 255, 0.3);
		border-radius: 0rpx 8rpx 8rpx 8rpx;
		font-size: 20rpx;
		color: #fff;
		padding: 3rpx 10rpx;
		margin-left: 10rpx;
	}
}
.potoshop-box {
	padding: 0 30rpx;
	background-color: #fff;
	.header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 30rpx 0;
		color: #333;
	}
	.body {
		.img-list {
			padding-bottom: 30rpx;
			// .u-album {
			// 	width: 100%;
			// }
		}
		::v-deep {
			uni-image {
				border-radius: 5px;
			}
		}
	}
}
.potoshop-box-x{
	.body{margin-left: -30rpx;margin-right: -30rpx;}
}
.btn-group {
	display: flex;
	justify-content: space-between;
	padding: 0 30rpx;

	> button {
		margin-right: 30rpx;
		height: 80rpx;
		background: #ff2020;
		border-radius: 8rpx;
		font-size: 32rpx;
		line-height: 80rpx;
	}
	.yc {
		flex: 1;
	}
	.zc {
		flex: 1;
		background: #1986ee;
	}
	> button:last-child {
		margin-right: 0;
	}
	.btn{
		margin-right: 30rpx;
		flex: 1;
		&:last-child {
		margin-right: 0;
	}
	}
}


.tracking-number{
  box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	// padding: 0 30rpx;
	.list{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15rpx 0;
		.l{		
			font-size: 32rpx;			
			color: #666666;
			
		}
		.r{		
			font-size: 32rpx;		
			color: #222222;
		}
	}
}
.s-title {
	padding: 30rpx 30rpx 10rpx;
	color: #333;
	font-size: 32rpx;
	display: flex;
	align-items: center;
	background-color: #f3f3f3;
	.l {
		flex: 1;
	}
	.r {
		font-size: 28rpx;
		color: #1986ee;
	}
}
.panel {
	background-color: #fff;
	.header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 30rpx;
		color: #333;
		font-size: 32rpx;
		.l{}
		.r{
			color: #999;
			font-size:24rpx ;
		}
	}
	.body {
		
	}
}

.car-type{
	box-sizing: border-box;
	background: #1986EE;
	border-radius: 0rpx 8rpx 8rpx 8rpx;			
	font-size: 20rpx;	
	color: #fff;
	padding: 0rpx 10rpx;
	height: 24px;
	line-height: 24px;
	margin-left: 10rpx;
}
.image-group{
	box-sizing: border-box;
	width: 100%;
	.group{width: 100%;overflow: hidden;}
	.box{
		white-space: nowrap;
		.list{display: inline-block;width: 210rpx;margin-right: 30rpx;
			.image{
				width: 210rpx;
				height: 210rpx;
				border-radius: 8rpx;
			}
			.name{text-align: center;font-size: 28rpx;color: #333;}
			&:last-child{margin-right: 0;}
		}
	}
}


.lcl_box{
    position: relative;
    background-color: #F8F8F8;
    border-radius: 8rpx;
    font-size: 28rpx;
    color: #333;
    padding: 0 30rpx;
}
.lcl_list{
    display: flex; 
    padding: 12rpx 0; 
    border-bottom: 1px solid #eee;
}

.lcl_name .name{font-weight: bold}
.lcl_name .size{color: #999;}
.lcl_percent{font-weight: bold;flex: 1;text-align: right}
.lcl_sjx{
    width: 0;
    height: 0;
    border-left: 16rpx solid transparent;
    border-right: 16rpx solid transparent;
    border-bottom: 20rpx solid #F8F8F8;
    position: absolute;
    top: -20rpx;
    right: 30rpx;
}
.lcl_box_blue{
	background-color: rgba(255, 255, 255,0.19);
	color: #fff;
	.lcl_list{
	    border-bottom: 1px solid rgba(255, 255, 255,0.2);
	}
	.lcl_name .size{color: #fff;}
	.lcl_sjx{
	    width: 0;
	    border-bottom: 20rpx solid rgba(255, 255, 255,0.19);
	}
}
.lcl_box_left{
	.lcl_sjx{
	    left: 30rpx;
	}
}
.lcl_list:last-child{
    border-bottom: 0;
}

.lcl_box_white {
    background-color: #fff;
}
.lcl_box_white .lcl_sjx{
    border-bottom: 20rpx solid #fff;
    left: 30rpx;
}
.u-page__item__slot-icon{
	width: 24px;
	height: 24px;
}

image {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}